<!-- eslint-disable vue/no-unused-vars -->
<template>
 <div>
    <el-table
    :data="getmenlist"
    border
    style="width: 100%">
    <el-table-column
      prop="uid"
      label="用户编号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="nickname"
      label="昵称"
      width="180">
    </el-table-column>
    <el-table-column
      prop="phone"
      label="手机号">
    </el-table-column>
    <el-table-column
      label="状态">
      <template slot-scope="item">
        <div>
            {{ item.row.status == 1 ? "启用" : "禁用" }}
        </div>
      </template>
    </el-table-column>
    <el-table-column
      label="操作">
      <template slot-scope="item">
        <div>
            <el-button  type="primary" @click="edit" >修改</el-button>
        </div>
      </template>
    </el-table-column>
  </el-table>
 </div>
</template>

<script>

import { mapGetters, mapActions } from 'vuex'
export default {
  data () {
    return {

    }
  },
  computed: {
    ...mapGetters({
      getmenlist: 'member/getmember'
    })
  },

  mounted () {
    this.getMemberList()
  },
  methods: {
    edit () {
      this.$emit('edit')
    },
    ...mapActions({
      getMemberList: 'member/getMemberListAction'
    })

  }
}
</script>

<style lang="" scoped>

</style>
